<!-- components/test/test.vue -->
<template>
  <view id="myView">
    <view>这是test组件 {{num}}</view>
    <view>这是父组件传递过来的数据 {{title}}, {{name}}</view>
    <view>
      <button type="primary" @click="sendNum">给父组件传值</button>
    </view>
  </view>
</template>

<script>
export default {
 props: ['title', 'name'],
  
  data() {
    return {
      num: 3,
      idt: null
    };
  },
  
  methods: {
    sendNum() {
      // 子组件向父组件传值的方法
      this.$emit('childEvent', this.num);
    }
  }
  // beforeCreate(){
  //   console.log('实例已经开始初始化了')
  //   // console.log(this.num) // 此时data还未初始化，会undefined
  // },
  // created(){
  //   console.log('created', this.num) // 此时可以访问data
  // },
  //   console.log('beforemount')
  // },
  // mounted(){
  //   console.log('mounted', document.getElementById('myView')) // 现在可以获取到元素
  // },
  // destroyed(){
  //   console.log('组件销毁了')
  // }
}
</script>